﻿<div class="container form-horizontal">
    <update-meta property="og:title" content="{{share.title}}"></update-meta>
    <update-meta property="og:description" content="{{share.description}}" />
    <update-meta property="og:image" content="{{share.pictureUrl}}" />
    <update-meta property="og:url" content="{{share.url}}" />

    <div class="form-group">
        <div class="row">
            <div class="col-sm-12">
                <carousel interval="2000" no-wrap="noWrapSlides">
                    <slide ng-repeat="slide in slides" active="slide.active">
                        <img ng-src="{{slide.pictureURL}}" height="450" width="550" style="margin:auto;" fall-back="images/penang realty,Apartment,house,condominium,terrace house,semi d,detached,bungalow,high end luxury properties,landed properties,gated guarded house.png" alt="{{Auction.Address}}" title="{{Auction.Address}}">
                        <div class="carousel-caption">
                            <h6>Slide {{$index}}</h6>
                            <p></p>
                        </div>
                    </slide>
                </carousel>
            </div>
        </div>
        <br/>
        <div class="row">
            <div class="col-sm-12">
                <div class="col-sm-offset-2">
                    <label class="col-sm-3">Address </label>
                    {{Auction.Address}}
                </div>
            </div>
            <br/>
            <div class="col-sm-12">
                <div class="col-sm-offset-2">
                    <label class="col-sm-3">Type </label>
                    {{Auction.Type}}
                </div>
            </div>
            <div class="col-sm-12">
                <div class="col-sm-offset-2">
                    <label class="col-sm-3">Reserve Price </label>
                    {{Auction.Price| number}}
                </div>
            </div>
            <div class="col-sm-12">
                <div class="col-sm-offset-2">
                    <label class="col-sm-3">Land/Build Up Area </label>
                    {{Auction.LandArea| number}}
                </div>
            </div>
            <div class="col-sm-12">
                <div class="col-sm-offset-2">
                    <label class="col-sm-3">Auction Date </label>
                    {{Auction.AuctionDate | date:'dd/MM/yyyy'}}
                </div>
            </div>
    
        </div>
        <br/>
        <div class="row">
            <div style="padding-right:50px">
                    <h5 class="col-sm-offset-5 col-xs-offset-1">REN Information</h5>
            </div>
                <!--<div class="col-sm-offset-6">
                <div class="col-sm-offset-2">
                    <label class="col-sm-3">Sale Agent </label>
                    {{Auction.AgentName}}
                </div>
            </div>
        <div class="col-sm-offset-6">
            <div class="col-sm-offset-2">
                <label class="col-sm-3">Contact No </label>
                  {{Auction.AgentMobile}}
            </div>
        </div>-->
                <div class="row">
                    <div class="col-lg-offset-5 col-xs-offset-2">
                        <div class="row">


                            <img ng-src="{{Auction.StaffPicURL}}" height="170" width="120">
                            <div class="row">
                                <div class="col-md-12">{{Auction.AgentName}}</div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">{{Auction.AgentMobile}}</div>
                            </div>
                        </div>

                    </div>

                </div>

                <!--<div class="col-sm-12">



        </div>-->

            </div>

            <!--<div class="col-sm-3">
                <label >Type</label>
                <div >
                    {{Auction.Type}}
                </div>
            </div>-->
      
            <!--<div class="col-sm-12">
                <label class="col-sm-4">Reserve Price</label>
                <div class="col-sm-8">
                    {{Auction.Price| number}}
                </div>
            </div>

            <div class="col-sm-12">
                <label class="col-sm-4">Land/Build Up Area</label>
                <div class="col-sm-8">
                    {{Auction.LandArea| number}}
                </div>
            </div>

            <div class="col-sm-12">
                <label class="col-sm-4">Auction Date</label>
                <div class="col-sm-8">
                    {{Auction.AuctionDate | date:'dd/MM/yyyy'}}
                </div>
            </div>
            <div class="col-sm-12" align="center">
                <img ng-src="{{Auction.StaffPicURL}}" height="170" width="120" style="margin: auto;">
            </div>
            <div class="col-sm-12">
                <label class="col-sm-4">Sale Agent</label>
                <div class="col-sm-8">
                    {{Auction.AgentName}}
                </div>
            </div>
            <div class="col-sm-12">
                <label class="col-sm-4">Contact No:</label>
                <div class="col-sm-8">
                    {{Auction.AgentMobile}}
                </div>
            </div>-->
        
    </div>
    <br/>
    <div class="row">
        <div class="col-sm-offset-2 pull-left">
            <a facebook-feed-share class="facebookShare" data-url='{{share.url}}' data-shares='shares' , data-caption='www.penangrealty.my 世界地產' data-picture='{{share.pictureUrl}}' data-description="{{share.description}}" data-name="{{share.title}}" class="angular-with-newlines">{{shares}} </a>
        </div>
        <div class="col-sm-2 pull-right">
            <div  gplus data-size="tall" data-annotation="bubble" data-href='{{share.url}}' data-action='share'></div>
        </div>
    </div>
</div>
